<template>
	<view class="">
		<u-tabbar :value="tabCur" @change="tabChange" inactiveColor="#fff" activeColor="#FFA849" placeholder fixed safeAreaInsetBottom>
			<u-tabbar-item text="首页" :name="0" icon="home-fill"></u-tabbar-item>
			<u-tabbar-item text="排行" :name="1">
				<image class="u-page__item__slot-icon" slot="inactive-icon" src="/static/img2/home/rank1.png" mode="aspectFit" style="height: 50rpx;height: 50rpx;"></image>
				<image class="u-page__item__slot-icon" slot="active-icon" src="/static/img2/home/rank2.png" mode="aspectFit" style="height: 50rpx;height: 50rpx;"></image>
			</u-tabbar-item>
			<!-- <u-tabbar-item text="介绍" :name="2" icon="file-text-fill"></u-tabbar-item> -->
		</u-tabbar>
	</view>
</template>

<script>
export default {
	props: {
		tabCur: {
			type: Number,
			default: 0
		}
	},
	data() {
		return {};
	},
	methods: {
		tabChange(num) {
			this.$emit('tabChange', num);
		}
	}
};
</script>

<style lang="scss" scoped>
</style>
